h1
{
    font-size: 1.6em;
}
h2
{
    font-size: 1.2em;
}
h4
{
    font-size: .8em;
}

header#main-header
{
    background: none repeat scroll 0 0 #222;
    border-bottom: 4px solid #00A5FF;
    padding: 15px 20px 13px;
}

    header#main-header h1
    {
        color: White;
        font-weight: 800;
    }

    header#main-header h1, header#main-header h2
    {
        line-height: 1;
        margin-bottom: 0;
    }

        header#main-header h1 a
        {
            color: White;
            font-weight: bold;
            text-decoration: none;
        }

            header#main-header h1 a:hover
            {
                text-decoration: underline;
            }

div#asset-index .asset-item
{
    float: left;
    height: 180px;
    width: 180px;
    margin: 10px;
    padding: 10px;
    border: 1px solid black;
    text-align: center;
}

    div#asset-index .asset-item a
    {
        border: none;
    }

nav
{
    background-color: #2C2C2C;
    clear: right;
}

.container
{
    width: 90%;
    margin: 0 auto;
    clear: both;
}

.container:after
{
    clear: both;
}

.container:before, .container:after
{
    content: "";
    display: table;
}

nav ul li
{
    float: left;
    padding: 5px 10px;
    border-right: 1px solid black;
}

    nav ul li a, nav ul li a:visited
    {
        text-decoration: none;
        color: White;
    }

        nav ul li a:hover
        {
            text-decoration: underline;
            color: #00A5FF;
        }

    nav ul li.last
    {
        border: none;
    }

section#main-content h2
{
    font-weight: bold;
    margin: 15px 0;
}

ul
{
    clear: both;
}
ul.list-header li
{
    float: left;
    font-weight: bold;
}
ul.list-items li
{
    float: left;
}

.two-columns
{
    width: 20%;
}

.four-columns
{
    width: 40%;
}